<div class="card card-default">
  <div class="card-header">
    表单管理
    <button class="btn btn-primary btn-sm" style="float:right;margin-right: 10px;" (click)="addForm()">添加</button>
  </div>
  <div class="card-body">
    <table class="table table-striped table-hover">
      <thead class="thead-dark">
        <tr>
          <th>id</th>
          <th>标题</th>
          <th>链接</th>
          <th>动态参数</th>
          <th>表单</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let item of list">
          <td>{{item.id}}</td>
          <td>{{item.title}}</td>
          <td>{{item.url}}</td>
          <td>
            <p *ngFor="let par of item.params">
              {{par.name}}->{{par.form}}
            </p>
          </td>
          <td>
            <p *ngFor="let par of item.fields">
              {{par.title}}->{{par.name}}
            </p>
          </td>
          <td>
            <a class="btn btn-sm" (click)="editForm(item)">编辑</a>
            <a class="btn btn-sm" (click)="previewForm(item)">预览</a>
            <a class="btn btn-sm" (click)="formMange(item)">管理</a>
            <a class="btn btn-sm" (click)="deleteForm(item.id)">删除</a>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>